<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@include file="/WEB-INF/jsp/include/front.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>好教师联盟-教师详情</title>
<link rel="stylesheet" type="text/css" href="<%=css%>/front/teacherinfo.css" />
<script type="text/javascript" src="<%=common%>/layer/layer.min.js"></script>
<style>
.imgs img{width:185px;height:123px;float:left;}
.imgdiv {width:185px; float:left;padding:10px;text-align: center;}
.ico-list a{text-decoration:none;}
.ico-list a:hover{text-decoration:underline}
.imgdiv span{font-size:14px;font-family:"微软雅黑"}
</style>
<script>
$(document).ready(function($) {
	$("#top_teacher").addClass("active");
});

function jiaoshifengcai(videoPath){
	art.dialog.open("<%=pre%>/teacher/video<%=suf%>?vid=" + videoPath,{
		width:640,
	    height:360,
		title:"视频介绍"
	});
}
</script>
</head>
<body>
<%@include file="/WEB-INF/jsp/front/home/top.jsp"%>
<div id="banner" class="banner1"></div>
<div id="teacher_base">
	<div class="wrap">
		<div id="teacher-profile" class="card">
			<b class="avatar-huge">
				<img src="<%=upload%>/${bean.headpath}" alt="头像">
			</b>
			<div class="intro">
				<h1 class="user-name">${bean.name }</h1>
				<div class="user-desc" style="font-size:15px;">
					<div style="float:left;margin-right:20px;">科目：${bean.subject }</div>
					<div style="float:left;margin-right:20px;">年级：${bean.grade }</div>
					<div style="float:left;margin-right:20px;">校区：${bean.quyu }</div>
					<div class="ico-list" style="float:left;margin-right:20px;">
						<span>
							<b class="ico-video"></b>
							<!--  <a href="javascript:void(0);" onclick="javascript:jiaoshifengcai('${bean.videopath}')">视频介绍</a>-->
						</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="wrap">
	<%-- <div class="region">
		<div class="mod-tabCon">
			<div class="mhd">
				<span>个人相册</span>
			</div>
			<div class="mbd">
				<div id="imgs" class="imgs">
					<c:forEach items="${list }" var="obj">
						<div class="imgdiv">
			            	<img src="<%=upload%>/${obj.picpath }" layer-pname="">
			            	<span>${obj.name }</span>
			        	</div>
					</c:forEach>
			    </div>
			</div>
		</div>
	</div> --%>
	
	<div class="region">
		<div class="mod-tabCon">
			<div class="mhd">
				<span>视频介绍</span>
			</div>
			<div class="mbd" style="margin-top:10px;">
				${bean.videopath }
			</div>
		</div>
	</div>
	
	<div class="clear"></div>
	<div class="region">
		<div class="mod-tabCon">
			<div class="mhd">
				<span>详情</span>
			</div>
			<div class="mbd" style="margin-top:20px;">
				${bean.info }
			</div>
		</div>
	</div>
</div>

<%@include file="/WEB-INF/jsp/front/home/footer.jsp"%>

<script>
;!function(){
layer.use('extend/layer.ext.js', function(){
    //初始加载即调用，所以需放在ext回调里
    layer.ext = function(){
        layer.photosPage({
            html:'',
            title: '',
            id: 100, //相册id，可选
            parent:'#imgs'
        });
    };
});
}();
</script>
</body>
</html>